<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>test</title>
	<style>
		body {
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100vh;
			background-color: #69c0ff;
		}
		.contain {
			position: relative;
			width: 300px;
			height: 300px;
			border-radius: 50%;
			background: linear-gradient(to bottom, #00F5A0, #00D9F5);
			overflow: hidden;
			color: red;
			font-size: 30px;
			text-align: center;
			line-height: 300px;
		}
		/*.contain:before {*/
		/*	content: '';*/
		/*	display: block;*/
		/*	position: absolute;*/
		/*	width: 350px;*/
		/*	height: 300px;*/
		/*	left: 50%;*/
		/*	transform: translate(-50%,-50%);*/
		/*	background-color: rgba(255,255,255,.6);*/
		/*	border-radius: 40% 45% 50% 35%;*/
		/*	animation: water-rotate 2s linear infinite;*/
		/*}*/
		@keyframes water-rotate {
			from {
				transform: translate(-50%,-50%) rotate(0);
			}
			to {
				transform: translate(-50%,-50%) rotate(360deg);
			}
		}
	</style>
</head>
<body>
	<div class="contain">
		加载完成
	</div>
	<script>

	</script>
</body>
</html>
